$(function () {
    // product区域处理函数
    handleProduct()

    function handleProduct() {
        // 商品介绍tab切换
        productIntro();
        // 购买商品信息处理
        getBuyProductInfo();
        // 商品信息操作处理
        productOperate();
        // 加入购物车处理
        addShopCart();



        function productIntro() {
            var $navTab = $("#main #product-info #preview-wrap .intro-tab");
            var $tabHead = $navTab.find(".tab-head");
            var $tabContent = $navTab.find(".tab-content");

            var $liNodes = $tabHead.children();
            var $contents = $tabContent.children();

            $liNodes.click(function () {
                // 获取当前点击的索引值
               var index = $(this).index();

               // 给当前点击的元素添加样式, 其它兄弟元素删除样式, 并且显示对应的tab栏
                $(this).addClass("active").siblings().removeClass("active");
                $contents.eq(index).fadeIn().siblings().hide();
            });

        }

        function getBuyProductInfo() {
            var $productInfo = $("#main #product-info #pro-detail");
            // 标题
            var title = $productInfo.find(".title").text();
            // 价格
            var price = $productInfo.find("#new_price").text();
            // 尺寸
            var size = $productInfo.find("#sizeTxt").text();
            // 颜色
            var color = $productInfo.find("#colorTxt").text();
            // 数量
            var count = parseInt($productInfo.find(".count-sel select").val());
            // 总价
            var totalPrice = $productInfo.find("#totalPrice").text();

            console.log("您购买的产品是：" + title + "；尺寸是：" + size + "；颜色是：" + color + "；数量是：" + count + "；总价是：" + totalPrice + "元。");
        }

        function productOperate() {
            // color 处理
            handleColor()
            // 尺寸处理
            handleSize();
            // 评分处理
            handleRating();

            function handleColor() {
                var $productInfo = $("#main #product-info #pro-detail");
                var $colorTxt = $productInfo.find("#colorTxt");
                var $colorList = $productInfo.find(".color-list").children();

                // 点击li将对应的颜色值添加到对应的元素中
                $colorList.click(function () {
                    var color = $(this).data("color");
                    $(this).find("img").addClass("active").end().siblings().find("img").removeClass("active");
                    // 将值设置到指定元素中
                    $colorTxt.html(color);
                });
            }

            function handleSize() {
                var $productInfo = $("#main #product-info #pro-detail");
                var $sizeTxt = $productInfo.find("#sizeTxt");
                var $sizeItems = $productInfo.find(".size-list").children();

                // 点击li将对应的尺寸值添加到对应的元素中
                $sizeItems.click(function () {
                   // 获取当前点击元素的值
                    var size = $(this).text();
                    // 给当前元素添加样式, 其它兄弟元素移除事件
                   $(this).addClass("active").siblings().removeClass("active");
                   // 将值设置到指定元素中
                   $sizeTxt.html(size);
                });

            }

            function handleRating() {
                var $productInfo = $("#main #product-info #pro-detail");
                var $stars = $productInfo.find(".star-list").children();
                var index = 0; // 记录当前被点击元素的索引值

                $stars
                    .click(function () {
                        index = $(this).index();
                        var title = $(this).attr("title");
                        alert("您给此商品的评分是：" + title);
                        $(this).attr("index", 1).siblings().removeAttr("index");
                    })
                    .mouseenter(function () {
                        index = $(this).index();
                        $(this).css({backgroundPositionY: ((index+6) * -16)+ "px"}).prevAll().css({backgroundPositionY: ((index+6) * -16)+ "px"}).end().nextAll().css({backgroundPositionY: 0});
                    })
                    .mouseleave(function () {
                    $stars.css({backgroundPositionY: 0})
                    $(".star-list > li[index=1]").css({backgroundPositionY: ((index+1) * -16)+ "px"}).prevAll().css({backgroundPositionY: ((index+1) * -16)+ "px"})
                });
            }
        }

        function addShopCart() {
            // 点击元素将商品放入购物车, 显示加入购物车的信息
            var $productInfo = $("#main #product-info #pro-detail");
            var $shopCart = $productInfo.find("#add_cart");

            $shopCart.click(function () {
                console.log(1)
            });
        }
    }
});
